<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>车厘子_美国华盛顿樱桃</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/detail.css" />
		<script src="js/jquery/jquery-1.11.3.js"></script>
	</head>
	<body>
		<div id="comTop"></div>
		<!--路径-->
		<div class="road">
			<ul>
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="">> 进口水果</a>
				</li>
				<li>
					<a href="">> 车厘子</a>
				</li>
				<li>
					<a href="">
					> 美国华盛顿樱桃2磅果径26-28mm
    				</a>
				</li>
			</ul>
		</div>
		<!--buy-->
		<div class="buyCon">
			<div class="goods">
				<div class="bigImg">
					<img src="img/bgood1.jpg" alt="" style="display:block;"/>
					<img src="img/bgood2.jpg" alt="" />
					<img src="img/bgood3.jpg" alt="" />
				</div>
				<div class="imgList">
					<ul>
						<li >
							<img src="img/bgood1.jpg" alt="" />
						</li>
						<li>
							<img src="img/bgood2.jpg" alt="" />
						</li>
						<li>
							<img src="img/bgood3.jpg" alt="" />
						</li>
					</ul>
				</div>
			</div>
			<div class="priceCon">
				<h2>美国华盛顿樱桃2磅果径26-28mm</h2>
				<div class="price">
					<div class="leftCon">
						<p>价格： </p><em>￥</em><span>49.90</span>
						<p>市场价： </p><em>￥</em><span>88.00</span>
					</div>
					<div class="rightCon">
						<ul>
							<li>总体满意度</li>
							<li>
								<span>4.9</span>分
							</li>
							<li>（评论数<span>6270</span>）</li>
						</ul>
					</div>
				</div>
				<div class="goodNum">
					<div>
						<p>满百包邮，</p><span>20:00</span><p> 前完成订单 预计明日</p><span>(8月03日)</span><p>送达</p>
						<p class="day">不支持7天无理由退货</p>
						<div class="numCon">
							<p>数量：</p>
							<div class="add">
								<span>1</span>
								<ul>
									<li>+</li>
									<li>-</li>
								</ul>
							</div>
							<div class="addCar">
								<a href="">
									<span></span>
									<p>加入购物车</p>
								</a>
							</div>
						</div>
					</div>
					<div>
						<li>原产地： 美国</li>
						<li>商品编号： 1295639</li>
						<li>发货地： 北京</li>
					</div>
				</div>
			</div>
		</div>
		<!--goods-->
		<div class="goodsCon">
			<div class="leftCon">
				<div class="watch">
					<h2>最近浏览</h2>
					<p>清空</p>
				</div>
				<ul></ul>
			</div>
			<div class="rightCon">
				<div class="hotGoods">
					<h2>当季热卖</h2>
					<dl>
						<dt>
							<img src="img/hot.jpg" alt="" />
						</dt>
						<dd>苏北散养童子鸡600g</dd>
						<dd>
							<span>¥14.80</span>
							<span>¥19.80</span>
						</dd>
					</dl>
				</div>
				<div class="goodShow">
					<div class="tab">
						<ul>
							<li class="active">商品详情</li>
							<li>用户评论 <span>6292</span></li>
							<li></li>
						</ul>
					</div>
					<div class="introCon appear">
						<div class="data">
							<div>
								<p>单果规格</p>
								<p>果径26-28mm</p>
							</div>
							<div>
								<p>商品状态</p>
								<p>冷藏</p>
							</div>
						</div>
						<ul></ul>
					</div>
					<div class="discussCon">
						
					</div>
				</div>
			</div>
		</div>
		<!--combottom-->
		<div id="comBom">
			<script>
				$("#comBom").load("footer.html")
			</script>
		</div>
	</body>
</html>
<script src="js/require.js" data-main="js/detail.js"></script>
<script>
	//给#comTop标签添加header.html内容，并取消一部分效果
	$("#comTop").load("header.html",function(){
		$("nav>ul").css("zIndex","1");
		$("nav>ul:eq(1)").addClass("navlist");
		$("nav>ul:eq(0) li:eq(0)").siblings().css("display","none");
		$(window).scroll(function(){
			$("#header").css({"position":"relative","zIndex":10})
			$("#header header").removeClass("headerFixed");
		})
		
	})		
</script> 